<!DOCTYPE HTML>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="./images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
    <title>在线技术社区-欢迎登录</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/login.css" rel="stylesheet">
    
</head>

<body>
    <div class="top">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <img src="./images/logo.png">
                <img class="tech" src="./images/技术社区.png">
                <span>欢迎登录</span>
            </div>
        </div>
    </div>
    <div class="sub">
        <div class="row" id="row1">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="row" id="row2">
                        <div class="col-xs-8 col-sm-6 col-md-4">
                            <div class="form">
                                <form method="post" action="">
                                    <div class="username">
                                        <div class="user">
                                            <label for="username"></label>
                                            <input type="text" name="username" value placeholder="手机号/邮箱/学号">
                                        </div>
                                    </div>
                                    <div class="pass">
                                        <div class="pas">
                                            <label for="pass"></label>
                                            <input type="password" name="pass" value placeholder="密码">
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-default">登录</button>
                                </form>
                            </div>
                            <div class="subFoot">
                                <span id='span1'><a href="#">忘记密码</a></span>
                                <span id='span2'><a href="./loginsum.html">新用户注册</a></span>
                            </div>
                        </div>
                        <div class="col-xs-2 col-sm-0 col-md-0"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="foot">
        <div class="link">
            <span><a href="#">关于我们</a></span>
            <span>|</span>
            <span><a href="#">联系我们</a></span>
            <span>|</span>
            <span><a href="#">友情链接</a></span>
        </div>
        <div class="copyright">
            <span>版权所有©&nbsp;&nbsp;长江大学&nbsp;&nbsp;长大在线信息传媒</span>
        </div>
    </div>

    <script>
        /*
        window.onresize = function () {
            row = document.getElementsByClassName('row')[0];
            var a = parseInt(document.documentElement.clientWidth);
            if (a < 990) {
                row.style.width = '100%';
                a = (a - 500) / 2;
                row.style.paddingLeft = a + 'px';
            }
            else {
                row.style.width = '990px';
            }

            //是主体的js
            cm81 = document.getElementsByClassName('col-md-8')[0];
            md61 = document.getElementsByClassName('col-md-4')[0];
            var b = parseInt(cm81.offsetWidth);
            var c = parseInt(md61.offsetWidth);
            console.log(b,c);
            if (a > 992) {
                var d = (a - b) / 2;
                cm81.style.marginLeft = d + 'px';
                d = (b-c)/2;
                md61.style.marginLeft = d + 'px';
            }
            else {
                cm81.style.marginLeft = "0px";
                d = (b-c)/2;
                md61.style.marginLeft = d + 'px';
            }
            
            
        }
        */
    </script>

    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>